<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>PLANETY</title>
	
		<style>
		
			*
			{
				padding:0;
				margin:0;
			}
			
			body
			{
				background-color:#000;
				font-family:Courier;
				-webkit-user-select: none;	       
				-moz-user-select: none;
				-ms-user-select: none;
				cursor:default;
				color:#FFF;
			}
			
			input[type=button]
			{
				margin : 10px;
				background-color:transparent;
				font-size:14px;
				font-weight:bold;
				border: 3px solid #F00;
				color:#FFF;
				padding:7px;
			}
			
			input[type=button]:hover
			{
				background-color:#757575;
			}
			
			div
			{
				background-color:#757575;
				font-size:14px;
				font-weight:bold;
				border: 3px solid #F00;
				min-width:100px;
				min-height:100px;
				color:#000;
			}
			
			#canvas
			{
				width:500px;
				height:350px;
				margin: 100px 400px;
				background-color:#000;
				border:3px solid #F00;
			}
			
		</style>
	
		<script src="game.js"></script>
		<script src="objects/planet.js"></script>
		<script src="objects/star.js"></script>
		<script src="objects/shape.js"></script>
		<script>
		
			window.addEventListener("DOMContentLoaded",function(){
			
				new Game().start( document.getElementById("canvas") );
				
			});
			
		</script>
		
	</head>
	<body>
	
		<canvas id="canvas"></canvas>
		
	</body>

</html>